سون لرن • آموزش

در این قسمت میخوام یک کد ( THUMBNAIL HOVER EFFECTS ) جالب رو در اختیارتون بزارم. همونطور که دیدید سه افکت زیبا برای تصاویر قرار داده شده و میتونین از اونا استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک قالب یا template زیبا و حرفه ای برای داشبورد سایت قرار داده شده و شما میتونین اون رو بصورت رایگان دانلود کرده و استفاده کنید. حجم این بسته 155 مگابایت هست و برای دانلود باید به انتهای مطلب رفته و ایمیلتون رو وارد کرده و بر روی دکمه Unlock Now کلیک کنید. این قالب در دو فرمت PSD و Sketch قرار داده شده است. برای شروع وارد سایت dashboard-ui بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی سون لرن • آموزش...

0 11 ۲ آذر ۹۵ در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. وسط چین کردن المنتها از نظر عمودی این کار شاید بنظر سخت برسه ولی در عمل خیلی سخت هم نیس و این کار رو میتونین به آسونی انجام بدین و هر المنتی رو بصورت وسط چین در بیارید. کد زیر رو در نظر بگیرید: 1 2 3 4 5 6 7 8 9 10 11 12 html, body {   height: 100%;   margin: 0; } body {   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   display: -webkit-flex;   display: flex; } همونطور که دیدید با استفاده از ویژگی ها و خصوصیات Flexbox کاری کردیم که محتویات درون body بصورت وسط چین قرار داده بشن. همونطور که دیدید برای اینکار در ابتدا display رو برابر با flex قرار میدیم. Vendor Prefix ها رو برای پشتیبانی بیشتر قرار میدیم. ترازبندی ها رو هم center یا مرکز قرار دادیم. برای نمونه میتونین این مثال رو ببینید تا بیشتر با اون آشنا بشید. اگر دلتون میخاد که یه جایی باشه که بتونین با استفاده از اون هر المنتی رو در هر جایی و هر شرایطی، چه افقی و چه عمودی، وسط چین کنید به این آدرس برید و سون لرن • آموزش...